<!--# 
layout("/layout/blank.html",{}){ 
 #-->
<style>
<!--
.btn-primary {
	min-width: 75px;
	border-right-style: 1px solid #ccc;
}

.dropdown-menu {
	min-width: 75px;
}
-->
</style>
<div class="space-4"></div>
<div class="row">
	<div class="col-sm-10 col-sm-offset-1 widget-container-col ui-sortable">
		<pre>
${json(obj.data.wxMenu)}
					</pre>

		<div class="widget-box widget-color-blue ui-sortable-handle">
			<!-- #section:custom/widget-box.options -->
			<div class="widget-header">
				<h5 class="widget-title bigger lighter">
					<i class="ace-icon fa fa-table"></i> 微信菜单预览
				</h5>
			</div>

			<!-- /section:custom/widget-box.options -->
			<div class="widget-body">
				<div class="widget-main no-padding center">
					<div class="space-4"></div>
					<div class="btn-group  center" role="group" aria-label="...">
						<!--# for(menu in obj.data.menus){ #-->
						<!--# if(menu.subMenus.~size > 0){  #-->
						<div class="btn-group dropup" role="group">
							<button type="button" class="btn btn-primary dropdown-toggle"
								data-toggle="dropdown" aria-haspopup="true"
								aria-expanded="false">
								${menu.name!} <i class="fa fa-caret-up"></i><span
									class="sr-only">Toggle Dropdown</span>
							</button>
							<ul class="dropdown-menu">
								<!--# for(m in menu.subMenus){ #-->
								<!--# if(mLP.first){ #-->
								<!--# } else { #-->
								<li class="divider"></li>
								<!--# } #-->
								<li><a href="#">${m.name!}</a></li>
								<!--# } #-->
							</ul>
						</div>
						<!--# }else{  #-->
						<button type="button" class="btn btn-primary">${menu.name!}</button>
						<!--# }  #-->
						<!--# } #-->
					</div>
					<div class="space-4"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
<!--
	function showError(msg) {
		layer.alert(msg, {
			title : '操作失败'
		});
	}
//-->
</script>
<!--# } #-->